const createPageTitle = (title?: string) => (title ? `${title} — companyName` : 'companyName — первый прикорм');

const defaultDescription =
  'Наше приложение помогает вводить прикорм правильно. ' +
  'Вам не нужно ломать голову и тратить время на составление меню. ' +
  'Настраивайте готовую схему питания для вашего малыша.';
const defaultTitle = createPageTitle();
const defaultImage = '/favicon.png';
export const generateMetaData = ({
  title,
  metaTitle,
  image,
  description,
  url,
}: {
  title?: string;
  metaTitle?: string;
  description?: string | null;
  image?: string | null;
  url?: string;
}) => {
  const finalDescription = description || defaultDescription;
  const finalImage = image || defaultImage;
  const finalTitle = title || defaultTitle;
  return (
    <>
      <title>{createPageTitle(title)}</title>
      <meta content={finalDescription} name="description" />
      <meta content={metaTitle || finalTitle} property="og:title" />

      <meta content="ru_RU" property="og:locale" />
      <meta content="website" property="og:type" />

      <meta content="companyName.ru" property="twitter:domain" />
      <meta content={finalTitle} name="twitter:title" />

      <meta content={finalDescription} property="og:description" />
      <meta content={finalDescription} name="twitter:description" />

      <meta content={finalImage} property="og:image" />
      <meta content={finalImage} name="twitter:image" />
      {url && (
        <>
          <meta content={url} property="og:url" />
          <meta content={url} property="twitter:url" />
        </>
      )}
    </>
  );
};
